<template>
    <div class="box">
       <test :chartData="lineData.dataTotle"></test>
    </div>
</template>
<script>
import test from '@/components/lineCharts.vue'
export default {
   components: { test },
    data(){
        return{
  lineData: {
        dataTotle: {
          text: "业务员本月销售排行榜",
          xData: ["方管", "槽钢", "角钢", "铝锭", "圆钢", "铜棒", "钢管"],
          name: "万元",
          islegend: false, //是否显示图例
          series: [
            {
              name: "销售额",
              type: "bar",
              data: [150, 100, 175, 220, 125, 175, 125],
              barWidth: 10, //设置柱条的宽度
              isclor: true, //柱形条是否双色
            },

            {
              name: "销售额环比",
              type: "line",
              yAxisIndex: 1,
              data: [225, 165, 245, 250, 180, 205, 240],
            },
          ],
        },
      },
        }
    }
}
</script>
<style  scoped>
.box{
    width:100%;
    height:200px;
    background: red;
}
</style>